@CHARSET "UTF-8";
body
{
	padding: 0;
	margin: 0;	
	height: 100%;
	background-color: #eee;
	font-size: 12px;
	color: #666;
}

a
{
	text-decoration: none;
	color: #333;
}

a:hover
{
	text-decoration: none;
	color: #f00;
}
#container
{
	position: absolute;
	left: 20px;
	top: 20px;
}

#wrapper
{
	position: absolute;
	left: 0px;
	top: 40px;
}

#cropper
{
	position: absolute;
	left: 0px;
	top: 0px;
	border: 1px solid #ccc;
}

#previewContainer
{
	position: absolute;
	left: 350px;
	top: 60px;
}

.preview
{
	border: 1px solid #ccc;
}

#selectBtn
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 119px;
	height: 27px;
	background: url(../img/select.png);
}

#saveBtn
{
	position: absolute;
	left: 150px;
	top: 0px;
	width: 67px;
	height: 27px;
	background: url(../img/save.png);
}

#rotateLeftBtn
{
	position: absolute;
	left: 0px;
	top: 315px;
	width: 100px;
	height: 22px;
	padding-left: 25px;
	padding-top: 2px;
	background: url(../img/left.png) no-repeat;
}

#rotateRightBtn
{
	position: absolute;
	left: 225px;
	top: 315px;
	width: 50px;
	height: 22px;
	padding-right: 25px;
	padding-top: 2px;
	background: url(../img/right.png) no-repeat right;
}
